{literal}
<style type="text/css">
    .news-form{}
    .news-form input[type=text]{width: 692px;}
    .news-form input[type=file]{width: 650px;}
	</style>
 <!-- Load jQuery -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("jquery", "1");
</script>
<script type="text/javascript" src="javascript/tiny_mce/jquery.tinymce.js"></script> 

<!-- Load TinyMCE -->
<script type="text/javascript">
	$().ready(function() {
		$('textarea.tinymce').tinymce({
			// Location of TinyMCE script
                        script_url : 'javascript/tiny_mce/tiny_mce.js',

			// General options
			theme : "advanced",
			plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

			// Theme options
			theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
			theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
			theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
			theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_statusbar_location : "bottom",
			theme_advanced_resizing : true,

			// Example content CSS (should be your site CSS)
			//content_css : "css/content.css",

			// Drop lists for link/image/media/template dialogs
			template_external_list_url : "lists/template_list.js",
			external_link_list_url : "lists/link_list.js",
			external_image_list_url : "lists/image_list.js",
			media_external_list_url : "lists/media_list.js",

			// Replace values for the template plugin
			template_replace_values : {
				username : "Some User",
				staffid : "991234"
			}
		});
	});
</script>
<!-- /TinyMCE -->
                
        {/literal}


<h1 align="left">{$title} [<a href="tourist_attractions.html">Quản lý tin tức</a>]</h1>
    
<div align="center">
{$message}
{$sucess_msg}
</div>
<table class="news-form" bordercolor="#CCCCCC" border="1" cellspacing="0" cellpadding="5" style="border-collapse:collapse;margin: 20px auto; min-width: 500px">
        <tr>
            <td colspan="2" align="right" style="font-size:24px">
                [ <a href="javascript:document.AddTouristAttractionForm.submit();">Lưu</a> ] ||
                [ <a href="tourist_attractions.html">Hủy</a> ]
            </td>
        </tr>
        {if $tuas_id}
        <tr>
          <th align="right">ID:</th>
          <td>{$tuas_id}</td>
            <input type="hidden" value="{$tuas_id}" name="tuas_id">
        </tr>
        {/if}
        <tr>
            <th align="right">Tiêu đề tin:</th>
            <td><input type="text" name="tuas_name" value="{$tuas_name}"></td>
        </tr>
        <tr>
            <th align="right">Chuyên mục:</th>
            <td>
                <select name="tuas_city_id">
                                        {html_options options=$province selected=$tuas_city_id}
                                    </select>
            </td>
        </tr>
        <tr>
            <th align="right">Ảnh đại diện:</th>
            <td>
                {if $img_url neq ''}
                    <p><img width="150px" src="{$avatar}" /></p>
                {/if}
                <input type="file" name="file_up"/><br/>
                <span>(Cho phép các file có đuôi *.jpg, *.jpeg, *.gif, *.png)</span>
            </td>
        </tr>
        <tr>
            <th align="right">Mô tả:</th>
            <td><textarea name="tuas_intro" type="text" cols="84" rows="5">{$tuas_intro}</textarea></td>
        </tr>
        <tr>
            <th align="right">Nội dung:</th>
            <td><textarea id="news_full" name="tuas_content" class="tinymce" type="text" rows="30" cols="60">{$tuas_content}</textarea></td>
        </tr>
        <tr>
            <th align="right">Map Location:</th>
            <td><a href="javascript:void(0)" onclick="chooseMap();">Chọn từ bản đồ </a><input type="hidden" name="hotel_map_location" value="{$hotel_map_location}" /></td>
        </tr>
        <tr>
            <th align="right">Latitude:</th>
            <td><input type="text" style="width:150px" name="hotel_latitude" value="{$tuas_latitude}"></td>
        </tr>
        <tr>
            <th align="right">Longitude:</th>
            <td><input type="text" style="width:150px" name="hotel_longitude" value="{$tuas_longitude}"></td>
        </tr>
        <tr>
            <th align="right" colspan="2" style="text-align: left;">

                <div id="choose_map" style="display: none;">
                    <div id="inputForm">
                        <div>
                            <span style="font-weight: bold">Tìm kiếm:</span>
                            <input type="text" size="60" id="query" style="width:200px;"/>
                            <input type="button" value="Tìm kiếm" onclick="submitQuery()"/>
                            <input type="button" value="Xong" onclick="jQuery('#choose_map').hide();"/>
                        </div>
                        <div id="options" style="display: none;">
                            <span style="font-weight: bold">Bias this viewport:</span>
                            <input type="checkbox" id="biasViewport"/>
                            <span style="font-weight: bold">Country bias:</span>
                            <input type="text" size="2" id="country"/>
                            <span style="font-weight: bold">Language:</span>
                            <input type="text" size="2" id="language"/>
                        </div>
                    </div>
                    <div id="responseInfo" style="display: none;">
                        <div id="responseStatus">
                            <div>
                                <span style="font-weight: bold">Geocoder response: </span>
                                <span id="statusValue"></span> (<span id="statusDescription"></span>)
                            </div>
                        </div>
                        <div id="responseCount">
                            <span style="font-weight: bold;">Matches returned: </span>
                            <span id="matchCount"></span>
                        </div>
                    </div>
                    <div id="mapcontainer">
                        <div id="map"></div>
                        <div id="boundsLegend">Bounds</div>
                        <div id="viewportLegend">Viewport</div>
                    </div>
                    <div id="matches" style="display:none"></div>
                </div>
            </th>
        </tr>
        <tr>
            <th align="right">Trạng thái: </th>
            <td>{html_radios name='tuas_status' options=$tuas_status selected=$status}</td>
        </tr>
        
        <tr>
            <th align="right">Từ khóa:</th>
            <td><input type="text" name="tuas_key" value="{$tuas_key}"></td>
        </tr>

        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="Lưu thay đổi" /> <input type="reset" value="Reset form" />
            </td>
        </tr>
</table>
